<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>product_show</title>
    <link rel="stylesheet" type="text/css" href="../css/com.css" />
    <link rel="stylesheet" type="text/css" href="../css/product_show.css" />
    <script type="text/javascript">
        function change1(){
            document.getElementsByClassName('pro_show_btm')[0].style.background="url(../image/pro_show_pic1.jpg)";
        }
        function change2(){
            document.getElementsByClassName('pro_show_btm')[0].style.background="url(../image/pro_show_pic2.jpg)";
        }
    </script>
</head>
<body>
    <!-- 顶部div -->
    <div id="top">
        <div class="top_mid">
            <img src="../image/logo.png">
            <ul class="top_ul">
                <li><a href="index.html">首　页<p>HOME</p></a></li>
                <li><a href="#">作品展示<p>SHOWCASE</p></a></li>
                <li><a href="product.html">服务报价<p>SERVICE</p></a></li>
                <li><a href="#">外景展示<p>LOCATION</p></a></li>
                <li><a href="#">优惠活动<p>ACTMTY</p></a></li>
                <li><a href="#">品牌介绍<p>BRANK</p></a></li>
                <li><a href="news.html">新闻资讯<p>HOT EVENT</p></a></li>
                <li><a href="#">关于我们<p>CONTAC</p></a></li>
            </ul>
        </div>
    </div>
    <!-- 上部图片广告div -->
    <div id="mid_banner">
        <a href="#">
            <ul class="banner_ul">
                <li id="banner_ul_left"></li>
                <li>五一特别活动——东方美  ＾</li>
                <li>五一特别活动——东方美  ＾</li>
                <li>五一特别活动——东方美  ＾</li>
                <li>五一特别活动——东方美  ＾</li>
                <li id="banner_ul_right"></li>
            </ul>
        </a>
    </div>
    <!-- 中部联系方式div -->
    <div id="mid_img">
        <a href="#">
            <div class="mid_pic_call">
                <img src="../image/mid_pic_call.gif">
            </div>
        </a>
        <a href="#">
            <div class="mid_pic_online">
                <img src="../image/mid_pic_online.gif">
            </div></a>
        <div class="mid_pic_share">
            <a href="#">
                <img class="share_weibo" src="../image/weibo.png">
            </a>
            <a href="#">
                <img class="share_qqkj" src="../image/QQkj.png">
            </a>
            <a href="#">
                <img class="share_txwb" src="../image/TXwb.png">
            </a>
        </div>
        <a href="#">
            <div class="mid_pic_add">
                <img src="../image/mid_pic_add.png">
            </div>
        </a>
    </div>
    <!-- 图片展示 -->
    <div id="product_show">
        <p class="product_biaoti">环球蜜月行-情迷埃菲尔</p>
        <p class="product_add">
            <span>
                您现在所在的位置：
            </span>
                <a href="index.html">北京婚纱摄影</a> > <a href="product.html">婚纱摄影作品</a> > <a href="#">经典欧美风</a>
        </p>
        <div class="pro_show_top">
            <img class="chick_left" src="../image/ico_left.gif">
            <div class="cl_1" onclick="change1()">
                <img src="../image/pro_show_pic1.jpg">
                <span>1/22</span>
            </div>
            <div class="cl_2" onclick="change2()">
                <img src="../image/pro_show_pic2.jpg">
                <span>2/22</span>
            </div>
            <div class="cl_2" onclick="change2()">
                <img src="../image/pro_show_pic2.jpg">
                <span>3/22</span>
            </div>
            <div class="cl_2" onclick="change2()">
                <img src="../image/pro_show_pic2.jpg">
                <span>4/22</span>
            </div>
            <div class="cl_2" onclick="change2()">
                <img src="../image/pro_show_pic2.jpg">
                <span>5/22</span>
            </div>
            <img class="chick_right" src="../image/ico_right.gif">
        </div>
        <div class="pro_show_btm">
        </div>
    </div>
    <!-- 底部选项栏 -->
    <div id="btm">
        <div class="btm_top">
            <div id="btm_logo">
                <span>重庆市沙坪坝区吹牛逼大厦<br /><br /><br /></span>
                <span>中国天庭三十六重天蟠桃园</span>
            </div>
            <div class="btm_top_tab1">
                <b>SHOWCASE</b>
                <ul>
                    <a href="#"><li>婚纱摄影作品</li></a>
                    <a href="#"><li>时尚写真作品</li></a>
                    <a href="#"><li>客片展示大赏</li></a>
                    <a href="#"><li>全家福作品</li></a>
                </ul>
            </div>
            <div class="btm_top_tab2">
                <b>SHOWCASE</b>
                <ul>
                    <a href="#"><li>婚纱摄影作品</li></a>
                    <a href="#"><li>时尚写真作品</li></a>
                    <a href="#"><li>客片展示大赏</li></a>
                    <a href="#"><li>全家福作品</li></a>
                </ul>
            </div>
            <div class="btm_top_tab3">
                <b>SHOWCASE</b>
                <ul>
                    <a href="#"><li>婚纱摄影作品</li></a>
                    <a href="#"><li>时尚写真作品</li></a>
                    <a href="#"><li>客片展示大赏</li></a>
                    <a href="#"><li>全家福作品</li></a>
                </ul>
            </div>
            <div class="btm_top_tab4">
                <b>SHOWCASE</b>
                <ul>
                    <a href="#"><li>婚纱摄影作品</li></a>
                    <a href="#"><li>时尚写真作品</li></a>
                    <a href="#"><li>客片展示大赏</li></a>
                    <a href="#"><li>全家福作品</li></a>
                </ul>
            </div>
            <div class="btm_top_tab5">
                <b>SHOWCASE</b>
                <ul>
                    <a href="#"><li>婚纱摄影作品</li></a>
                    <a href="#"><li>时尚写真作品</li></a>
                    <a href="#"><li>客片展示大赏</li></a>
                    <a href="#"><li>全家福作品</li></a>
                </ul>
            </div>
            <div class="btm_top_tab6">
                <b>SHOWCASE</b>
                <ul>
                    <a href="#"><li>婚纱摄影作品</li></a>
                    <a href="#"><li>时尚写真作品</li></a>
                    <a href="#"><li>客片展示大赏</li></a>
                    <a href="#"><li>全家福作品</li></a>
                </ul>
            </div>
        </div>
        <div class="btm_yishuzi">
            <img src="../image/yishuzi.png" class="yishuzi">
        </div>
        <div class="btm_btm">
            <div>
                <a>版权所有 ℗ 2017-2077 装逼正能量文化传播(重庆)有限公司 重庆婚纱摄影 重庆2180婚纱摄影工作室 渝ICP992374163号-5 百度地图 谷歌地图 网站地图  技术支持：逼神工作室</a>
                <br />
                <a>Copyright ℗ 2017-2077 Chongqing 2180 wedding photography studio</a>
            </div>
        </div>
        <a href="http://www.4399.com">
        <p>友情链接:www.4399.com</p>
        </a>
    </div>
</body>
</html>